<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Resume</title>
    <link rel="stylesheet" href="resume.css">
    <link rel="stylesheet" href="style/style/step1.css">
    <link rel="stylesheet" href="style/style/step2.css">
    <link rel="stylesheet" href="style/style/step3.css">
    <link rel="stylesheet" href="style/style/step4.css">
    <link rel="stylesheet" href="style/style/step5.css">
    <link rel="stylesheet" href="style/style/step6.css">
    <link rel="stylesheet" href="style/style/step7.css">
    <link rel="stylesheet" href="style/style/step8.css">
    <link rel="stylesheet" href="style/style/step9.css">
    <link rel="stylesheet" href="style/style/step10.css">
    <link rel="stylesheet" href="style/style/step11.css">
    <link rel="stylesheet" href="style/style/step12.css">
    <link rel="stylesheet" href="style/style/step13.css">
    <link rel="stylesheet" href="style/style/step14.css">
    <link rel="stylesheet" href="style/style/step15.css">
    <link rel="stylesheet" href="style/style/step16.css">
    <link rel="stylesheet" href="style/style/step17.css">
    <link rel="stylesheet" href="style/style/step18.css">
    <link rel="stylesheet" href="style/my.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
</head>
<body>
    <!--<header class="nav">
        <div class="container container-flex">
            <ul>
                <li><a href="https://shang11925.github.io" class="nav-link site-title">个人网站</a></li>
            </ul>
            <ul>
                <li><a href="https://shang11925.github.io/resume/resume/resume.html" class="nav-link">简介</a></li>
            </ul>
            <ul>
                <li><a href="#" class="nav-link">工作经验</a></li>
            </ul>
            <ul>
                <li><a href="#" class="nav-link">项目经验</a></li>
            </ul>
        </div>
    </header>-->
    
    <div class="containerResume">
        <div class="header">
            <div class="full-name">
                <div class="animate__animated animate__bounceInRight"><span class="first-name">个人简历</span></div>
                <!-- <span class="last-name">last</span> -->
            </div>
            <div class="contact-info">
                <span class="email">Email: <qq/span>
                <span class="email-val">994977234@qq.com</span>
                <span class="separator"></span>
                <span class="phone">Phone: </span>
                <span class="phone-val">15985820211</span>
                <br>
                <span class="phone">Github: </span>
                <span class="phone-val"><a href="https://github.com/shang11925">github.com/shang11925</a></span>
                <br>
                <span class="phone">Gitee: </span>
                <span class="phone-val"><a href="https://gitee.com/shang_4_0">gitee.com/shang_4_0</a></span>
                
            </div>
            
        <div class="details">
            <div class="section">
                <div class="section__title">From</div>
                <div class="section__list">
                    <div class="animate__animated animate__bounceInLeft">
                        <div class="section__list-item">
                        <div class="left">
                            <div class="name">集美大学</div>
                            <div class="addr">计算机工程学院</div>
                            <div class="duration">软件工程 - 2313班</div>
                        </div>
                    </div>
                </div>
                    <div class="section__list-item">
                        <div class="animate__animated animate__bounceInLeft">
                           <div class="left">
                                <div class="name">姓名</div>
                                <div class="addr">籍贯</div>
                                <div class="duration">政治面貌</div>
                            </div> 
                        </div>
                        <div class="animate__animated animate__bounceInRight">
                            <div class="right">
                                <div class="name">张志壕</div>
                                <div class="desc">福建泉州</div>
                                <div class="desc">群众</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <div class="details">
            <div class="section">
                <div class="section__title">Achievement</div>
                <div class="section__list">
                    <div class="animate__animated animate__bounceInLeft">
                        <div class="section__list-item">
                        <div class="left">
                            <div class="name">综测成绩年级前8%</div>
                            <div class="addr">专业成绩年级前9%</div>
                        </div>
                        <div class="right">
                            <div class="name">综测排名年级第10</div>
                            <div class="desc">专业成绩排名第11</div>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="section">
                <div class="section__title">Prize</div>
                <div class="section__list">
                    <div class="animate__animated animate__bounceInRight">
                        <div class="section__list-item">
                        <div class="left">
                            <div class="name">校程序设计大赛铜奖</div>
                            <div class="addr">第十五届蓝桥杯省二等奖</div>
                            <div class="duration"></div>
                        </div>
                        <div class="right">
                            <div class="name">(团体赛)单人参赛</div>
                            <div class="desc">C/C++ B组省赛二等奖</div>
                        </div>
                    </div>
                    </div>
                </div>
    
            </div>
            <div class="section">
                <div class="section__title">Life History</div>
                <div class="section__list">
                    <div class="animate__animated animate__backInUp">
                        <div class="section__list-item">
                            <div class="name">学习经历 </div>
                            <div class="text">毕业于福建省泉州市一级达标高中 惠安荷山中学 ,获优秀毕业生称号。
                                现就读于集美大学计算机工程学院软件工程专业2313班，担任学习委员。
                                入选“厦门市高新产业精英人才培养计划”学习中。
                            </div>
                        </div>
                    </div>
                    
    
                    
                </div>
            </div>
            <div class="section">
                <div class="section__title">Skills</div>
                <div class="skills">
                    <div class="skills__item">
                        <div class="left">
                            <div class="animate__animated animate__animated animate__bounceIn">
                                <div class="name">
                                    编程能力
                                </div>
                            </div>
                        </div>
                        <div class="right">
                            <input id="ck1" type="checkbox" checked />
                            <label for="ck1"></label>
    
                            <input id="ck2" type="checkbox" checked />
                            <label for="ck2"></label>
    
                            <input id="ck3" type="checkbox" checked />
                            <label for="ck3"></label>
    
                            <input id="ck4" type="checkbox" />
                            <label for="ck4"></label>
                            
                            <input id="ck5" type="checkbox" />
                            <label for="ck5"></label>
    
                        </div>
                    </div>
    
                </div>
                <div class="skills__item">
                    <div class="left">
                        <div class="animate__animated animate__bounceIn">
                            <div class="name">
                            开发能力
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        <input id="css_ck1" type="checkbox" checked />
                        <label for="css_ck1"></label>
    
                        <input id="css_ck2" type="checkbox" checked />
                        <label for="css_ck2"></label>
    
                        <input id="css_ck3" type="checkbox" />
                        <label for="css_ck3"></label>
                        
                        <input id="css_ck4" type="checkbox" />
                        <label for="css_ck4"></label>
    
                        <input id="css_ck5" type="checkbox" />
                        <label for="css_ck5"></label>
    
                    </div>
                </div>
    
            </div>
            <div class="section">
                <div class="section__title">
                    Interests
                </div>
                <div class="section__list">
                    <div class="section__list-item">
                        编程 打羽毛球
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
    </div>
</body>
</html>
